<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>宝宝玩英语</title>
	<link rel="stylesheet" href="./lib/reset.css">
	<link rel="stylesheet" href="./css/common.css">
	<link rel="stylesheet" href="./css/header.css">
	<link rel="stylesheet" href="./css/footer.css">
	<link rel="stylesheet" href="./css/course.css">
	<script type="text/javascript" src="./js/common.js" charset="utf-8"></script>
</head>

<body>
	<header>
		<div class="headerw">
			<div class="left">
				<h1>宝宝玩英语</h1>
			</div>
			<nav>
				<div class="con_nav">
					<a href="./index.html">
						<!-- <img src="./images/header/nav1.jpg" alt="./images/header/nav1.jpg"> -->
						<p>首页</p>
					</a>
					<a href="./index.html?system" class="goCourseSystem">
						<!-- <img src="./images/header/nav2.jpg" alt="./images/header/nav2.jpg"> -->
						<p>课程体系</p>
					</a>
					<a href="./teaching.html">
						<!-- <img src="./images/header/nav3.jpg" alt="./images/header/nav3.jpg"> -->
						<p>教学模式</p>
					</a>
					<a href="./course.html" class="checked">
						<!-- <img src="./images/header/nav4.jpg" alt="./images/header/nav4.jpg"> -->
						<p>课程概览</p>
					</a>
					<!-- <a href="./baby.html"> -->
						<!-- <img src="./images/header/nav5.jpg" alt="./images/header/nav5.jpg"> -->
						<!-- <p>宝宝风采</p>
					</a> -->
					<a href="./download_pen.html">
						<!-- <img src="./images/header/nav6.jpg" alt="./images/header/nav6.jpg"> -->
						<p>点读专区</p>
					</a>
					<a href="./experience_course.html">
						<!-- <img src="./images/header/nav7.png" alt="./images/header/nav7.png"> -->
						<p>体验课</p>
					</a>
				</div>
			</nav>
		</div>
	</header>
	<div class="banner">
		<img src="./images/course/course_ban.jpg" alt="./images/course/course_ban.jpg">
	</div>
	<div class="banCode" style="display: none">
		<span onclick="show_banCode()">X</span>
		<img src="./images/home/course_code.jpg" alt="./images/home/course_code.jpg">
	</div>
	<div class="context">
		<div class="w">
			<h2>宝宝玩英语课程概述</h2>
			<p>宝宝玩英语通过提供每天10分钟优质的亲子英语体系课程，让宝爸宝妈们学会多种多样的亲子英语互动方式，逐渐建立家庭英语启蒙氛围，让每个宝宝都在快乐有爱，轻松愉悦的家庭氛围中成为英语小牛娃！</p>
			<h3>宝宝玩英语与众不同的两大特点：</h3>
			<h4>量身定做</h4>
			<p>宝宝玩英语遵循不同年龄阶段的身心发展特点，以宝宝认知、身体发展特点为依托，将课程目标、课程内容、课程形式按照0-6岁每个年龄段特点进行超精细划分。</p>
			<h4>强大的社群</h4>
			<p>每天都有近100万妈妈在宝宝玩英语学习群里跟读打卡，强大而愉快的英语学习氛围，已经成为万千妈妈心中继课程之外的另一种深度依赖。</p>
		</div>
	</div>

	<div class="main">
		<div class="w">
			<h2>课程概览
        <span>ALL</span>
      </h2>
			<div class="container">
				<figure>
					<img src="./images/course/figure01.jpg" alt="./images/course/figure01.jpg">
					<figcaption>分龄精品年课 </figcaption>
				</figure>
				<figure>
					<img src="./images/course/figure02.jpg" alt="./images/course/figure02.jpg">
					<figcaption>绘本主题课程</figcaption>
				</figure>
				<figure>
					<img src="./images/course/figure03.jpg" alt="./images/course/figure03.jpg">
					<figcaption>玩具主题课程</figcaption>
				</figure>
				<figure>
					<img src="./images/course/figure04.jpg" alt="./images/course/figure04.jpg">
					<figcaption>词汇主题课程</figcaption>
				</figure>
				<figure>
					<img src="./images/course/figure05.jpg" alt="./images/course/figure05.jpg">
					<figcaption>场景主题课程</figcaption>
				</figure>
				<figure>
					<img src="./images/course/figure06.jpg" alt="./images/course/figure06.jpg">
					<figcaption>儿歌主题课程</figcaption>
				</figure>
			</div>
		</div>
	</div>
	<footer>
		<div class="top">
			<div class="w">
				<div class="onefloor">
					<span class="about">
            <a href="./about.html">关于我们</a>
          </span>
					<span>丨</span>
					<span class="join">
            <a href="./join.html">加入我们</a>
          </span>
				</div>
				<div class="twofloor">
					<img src="./images/footer/gongzhonghao.jpg" alt="">
					<img src="./images/footer/download.jpg" alt="">
				</div>
				<div class="lastfloor">
					<p>微信公众号</p>
					<p>宝玩APP下载</p>
				</div>
			</div>
		</div>
		<div class="bottom">
			<p style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
				<span style="float:left;;margin: 0px 10px 0px 0px;height:20px;line-height:20px;color: #666">京ICP备16005798号</span>
			</p>
			<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502034347" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
        <img src="images/footer/footrecord.png" style="float:left;" />
        <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px;">京公网安备 11010502034347号 北京启萌教育科技有限公司</p>
      </a>
		</div>
	</footer>
</body>
<script type="text/javascript">
	// banner附近二维码
	var banCode = document.querySelector('.banCode');

	function show_banCode() {
		if (banCode.style.display == 'none') {
			banCode.style.display = 'block';
		} else {
			banCode.style.display = 'none';
		}
	}
</script>

<script type="text/javascript" src="http://tajs.qq.com/stats?sId=64268548" charset="UTF-8"></script>

</html>
